<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				min-width: 40px;
			}
			/* .parent{
				width: 960px;
				height: 300px;
				background-color: beige;
				display: flex;
				flex-flow: row wrap;
				align-content: flex-start;
			}
			.child{
				box-sizing: border-box;
				background-color: blue;
				flex: 0 0 25%;
				height: 50px;
				border: 2px solid seagreen;
			} */
			.parent {
			/* width: 1460px; */
			
			  background-color: black;
			  display: flex;
			 flex-flow: row wrap;
			/* flex-wrap: nowrap; */
			  align-content: flex-start;
			}
			
			.child {
			  box-sizing: border-box;
			  background-color: white;
			/*  flex: 0 0 25%; */
			 /* flex-basis: 40%; */
			/* flex-basis: 80px; */
			  height: 50px;
			  width: 100px;  
			  border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div class="parent">
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
			<div class="child"></div>
		</div>
	</body>
</html>
